import { WingBlank, WhiteSpace } from 'antd-mobile'
import { Icon } from 'antd'
import router from 'umi/router'
import Wait_ from './components/wait'
import styles from './index.scss'

export default function () {
  return (
    <WingBlank size="lg">
      <WhiteSpace size="lg" />
      <div className={styles.box}>
        <div onClick={() => router.push(`/offices`)}>
          <Icon type="user" />
          <div className={styles.title}>在线取号</div>
          <div className={styles.desc}>进行上线取号，必须到达网点</div>
        </div>
        <div>
          <Icon type="bulb" />
          <div className={styles.title}>在线激活</div>
          <div className={styles.desc}>在线激活前，必须提前预约</div>
        </div>
        <div onClick={() => router.replace(`/history`)}>
          <Icon type="history" />
          <div className={styles.title}>历史记录</div>
          <div className={styles.desc}>查看历史记录</div>
        </div>
      </div>
      <Wait_ />
    </WingBlank>
  )
}
